Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / components / messages / telemetry / TelemetryHistoryModal.vue

Displaying Raw • Download

T8b949e<!-- SPDX-License-Identifier: 0BSD AND MIT -->

Tb4b4b4<Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72Teleport Te6edf3toTff7b72=Ta5d6ff"body"Tb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3modelValueTa5d6ff"

Te6edf3classTff7b72=Ta5d6ff"fixed inset-0 z-[100] flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm"

Tb4b4b4@Te6edf3clickTb4b4b4.Te6edf3selfTff7b72=Ta5d6ff"Te6edf3closeTa5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3classTff7b72=Ta5d6ff"w-full max-w-lg bg-white dark:bg-zinc-900 rounded-2xl shadow-2xl overflow-hidden flex flex-col max-h-[80vh]"

Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"px-6 py-4 border-b border-gray-100 dark:border-zinc-800 flex items-center justify-between"Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex items-center gap-2 min-w-0"Tb4b4b4>

Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"satellite-variant" Te6edf3classTff7b72=Ta5d6ff"size-6 text-blue-500 shrink-0" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tff7b72h3 Te6edf3classTff7b72=Ta5d6ff"text-lg font-bold text-gray-900 dark:text-white truncate"Tb4b4b4>

Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"messages.telemetry_history_modal_title"Tb4b4b4) Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72h3Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3typeTff7b72=Ta5d6ff"button"

Te6edf3classTff7b72=Ta5d6ff"text-gray-400 hover:text-gray-500 dark:hover:text-zinc-300 transition-colors shrink-0"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3closeTa5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"close" Te6edf3classTff7b72=Ta5d6ff"size-6" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex-1 overflow-y-auto p-4 space-y-3"Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3telemetryItemsTb4b4b4.Te6edf3length Tff7b72=== T79c0ff0Ta5d6ff" Te6edf3classTff7b72=Ta5d6ff"text-center py-8 text-gray-400 dark:text-zinc-500"Tb4b4b4>

Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"messages.telemetry_history_empty"Tb4b4b4) Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72TelemetryHistoryListItem

Te6edf3v-forTff7b72=Ta5d6ff"Te6edf3item Tff7b72in Te6edf3telemetryItemsTa5d6ff"

Tb4b4b4:Te6edf3keyTff7b72=Ta5d6ff"Te6edf3itemTb4b4b4.Te6edf3lxmf_messageTb4b4b4.Te6edf3hashTa5d6ff"

Tb4b4b4:Te6edf3itemTff7b72=Ta5d6ff"Te6edf3itemTa5d6ff"

Tb4b4b4:Te6edf3format-time-agoTff7b72=Ta5d6ff"Te6edf3formatTimeAgoTa5d6ff"

Tb4b4b4@Te6edf3location-clickTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'location-click'Tb4b4b4, Te6edf3$eventTb4b4b4)Ta5d6ff"

Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3classTff7b72=Ta5d6ff"flex flex-col gap-3 border-t border-gray-100 bg-gray-50/40 px-6 py-4 dark:border-zinc-800 dark:bg-zinc-900/25"

Tb4b4b4>

Tb4b4b4<Tff7b72TelemetryBatteryChart

Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3batteryHistoryTb4b4b4.Te6edf3length Tff7b72> T79c0ff1Ta5d6ff"

Tb4b4b4:Te6edf3samplesTff7b72=Ta5d6ff"Te6edf3batteryHistoryTa5d6ff"

Tb4b4b4:Te6edf3id-suffixTff7b72=Ta5d6ff"Te6edf3gradientIdSuffixTa5d6ff"

Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3classTff7b72=Ta5d6ff"flex w-full items-center justify-between gap-3"

Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"

Te6edf3batteryHistoryTb4b4b4.Te6edf3length Tff7b72> T79c0ff1 Tff7b72? Ta5d6ff'border-t border-gray-200/80 pt-3 dark:border-zinc-700/80' Tff7b72: Ta5d6ff''

Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72label Te6edf3classTff7b72=Ta5d6ff"flex items-center gap-2 cursor-pointer group min-w-0"Tb4b4b4>

Tb4b4b4<Tff7b72input

Tb4b4b4:Te6edf3checkedTff7b72=Ta5d6ff"Te6edf3showTelemetryInChatTa5d6ff"

Te6edf3typeTff7b72=Ta5d6ff"checkbox"

Te6edf3classTff7b72=Ta5d6ff"rounded border-gray-300 text-blue-600 focus:ring-blue-500 shrink-0"

Tb4b4b4@Te6edf3changeTff7b72=Ta5d6ff"Te6edf3onShowTelemetryChangeTa5d6ff"

Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tff7b72span

Te6edf3classTff7b72=Ta5d6ff"text-xs font-medium text-gray-600 dark:text-zinc-400 group-hover:text-gray-900 dark:group-hover:text-zinc-200"

Tb4b4b4>Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"messages.telemetry_show_in_chat"Tb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72span

Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72labelTb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3typeTff7b72=Ta5d6ff"button"

Te6edf3classTff7b72=Ta5d6ff"px-4 py-2 bg-blue-600 text-white text-xs font-bold rounded-lg hover:bg-blue-700 transition-colors shadow-sm shrink-0"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3closeTa5d6ff"

Tb4b4b4>

Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"messages.telemetry_history_done"Tb4b4b4) Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72TeleportTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72scriptTb4b4b4>

Tff7b72import Te6edf3MaterialDesignIcon Tff7b72from Ta5d6ff"../../MaterialDesignIcon.vue"Tb4b4b4;

Tff7b72import Te6edf3TelemetryBatteryChart Tff7b72from Ta5d6ff"./TelemetryBatteryChart.vue"Tb4b4b4;

Tff7b72import Te6edf3TelemetryHistoryListItem Tff7b72from Ta5d6ff"./TelemetryHistoryListItem.vue"Tb4b4b4;

Tff7b72import Tb4b4b4{ Te6edf3batteryHistoryFromTelemetryItems Tb4b4b4} Tff7b72from Ta5d6ff"../../../js/telemetryBatteryChartSpec.js"Tb4b4b4;

Tff7b72export Tff7b72default Tb4b4b4{

Te6edf3nameTff7b72: Ta5d6ff"TelemetryHistoryModal"Tb4b4b4,

Te6edf3componentsTff7b72: Tb4b4b4{

Te6edf3MaterialDesignIconTb4b4b4,

Te6edf3TelemetryBatteryChartTb4b4b4,

Te6edf3TelemetryHistoryListItemTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3propsTff7b72: Tb4b4b4{

Te6edf3modelValueTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657BooleanTb4b4b4,

Tff7b72defaultTff7b72: Tff7b72falseTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3telemetryItemsTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657ArrayTb4b4b4,

Tff7b72defaultTff7b72: Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4[Tb4b4b4]Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3showTelemetryInChatTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657BooleanTb4b4b4,

Tff7b72defaultTff7b72: Tff7b72falseTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3formatTimeAgoTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657FunctionTb4b4b4,

Te6edf3requiredTff7b72: Tff7b72trueTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3gradientIdSuffixTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657StringTb4b4b4,

Tff7b72defaultTff7b72: Ta5d6ff"peer"Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3emitsTff7b72: Tb4b4b4[Ta5d6ff"update:modelValue"Tb4b4b4, Ta5d6ff"update:showTelemetryInChat"Tb4b4b4, Ta5d6ff"location-click"Tb4b4b4]Tb4b4b4,

Te6edf3computedTff7b72: Tb4b4b4{

Te6edf3batteryHistoryTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72return Te6edf3batteryHistoryFromTelemetryItemsTb4b4b4(Tff7b72thisTb4b4b4.Te6edf3telemetryItemsTb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3methodsTff7b72: Tb4b4b4{

Te6edf3closeTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3$emitTb4b4b4(Ta5d6ff"update:modelValue"Tb4b4b4, Tff7b72falseTb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3onShowTelemetryChangeTb4b4b4(Te6edf3eTb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3$emitTb4b4b4(Ta5d6ff"update:showTelemetryInChat"Tb4b4b4, Te6edf3eTb4b4b4.Te6edf3targetTb4b4b4.Te6edf3checkedTb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4<Tb4b4b4/Tff7b72scriptTb4b4b4>